<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
	<div class="col-md-2">
		<div>
			<div data-nekoanim="bounceIn" data-nekodelay="200">
				<article>
				<div>
					<img src="images/jae.jpg" alt=""
						class="img-responsive img-thumbnail">
				</div>
				<div class="boxContent color1 text-center">
					<h3>วิชาญ ชัยจำรัส</h3>
					<small class="text-muted">สถานะ : ออนไลน์</small>
					<div class="progress">
						<div class="progress-bar progress-bar-striped active"
							role="progressbar" aria-valuenow="45" aria-valuemin="0"
							aria-valuemax="100" style="width: 45%">
							<span class="sr-only">45% Complete</span>
						</div>
					</div>
					<p>
						<small>ระดับ 2 (10xp / 50xp)<br> <a href="#">อัพเกรด</a></small>
					</p>
				</div>
				</article>
			</div>
			<br>
		</div>
		<ul class="nav nav-pills nav-stacked">
			<li class="active"><a href="#responsive" data-toggle="tab">ข่าวสารอัพเดท</a></li>
			<li class="borderli"><a href="#headers" data-toggle="tab">ประวัติส่วนตัว</a></li>
			<li class="borderli"><a href="#profile" data-toggle="tab">กิจกรรมของฉัน</a></li>
			<li class="borderli"><a href="#headers" data-toggle="tab">กล่องจดหมายของฉัน</a></li>
			<li class="borderli"><a href="#messages" data-toggle="tab">บัญชีการเงินของฉัน</a></li>
			<li class="borderli"><a href="#messages" data-toggle="tab">เชิญเพื่อน</a></li>
		</ul>
	</div>
</body>
</html>